html, body{height: 100%; font-family: PingFang SC,Hiragino Sans GB,Helvetica Neue,Microsoft Yahei,Arial,sans-serif;}
html{ -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%}
body{margin: 0; font-size: 14px; line-height: 1.5; color: #333; }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary{display: block}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline}
audio:not([controls]){display: none; height: 0}
[hidden], template{display: none}
a{background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #333}
a:hover{background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #333;cursor:pointer}
a:active{outline: 0}
abbr[title]{border-bottom: 1px dotted}
b, strong{font-weight: bold}
dfn{font-style: italic}
mark{background: #ff0; color: #000}
small{font-size: 80%}
sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline}
sup{top: -0.5em}
sub{bottom: -0.25em}
img{border: 0; vertical-align: middle}
i,em{font-style:normal; font-weight:normal;}
svg:not(:root){overflow: hidden}
hr{-moz-box-sizing: content-box; box-sizing: content-box; height: 0}
pre{overflow: auto; white-space: pre-wrap; word-wrap: break-word}
code, kbd, pre, samp{font-family: monospace, monospace; font-size: 1em}
button, input, optgroup, select, textarea{color: inherit; font: inherit; margin: 0}
button{overflow: visible}
button, select{text-transform: none}
button, html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance: button; cursor: pointer}
button[disabled],html input[disabled]{cursor: default}
button::-moz-focus-inner,input::-moz-focus-inner{border: 0; padding: 0}
input{line-height: normal}
input[type="checkbox"],input[type="radio"]{box-sizing: border-box; padding: 0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height: auto}
input[type="search"]{-webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none}
fieldset{border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em}
legend{border: 0; padding: 0}
textarea{overflow: auto; resize: vertical}
optgroup{font-weight: bold}
table{border-collapse: collapse; border-spacing: 0}
td, th{padding: 0}
html, button, input, select,textarea{font-family: "微软雅黑";}
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote{margin: 0}
ul, ol, li, dl, dd{margin: 0; padding: 0}
ul, ol{list-style: none outside none}
h1, h2, h3{line-height: 1.8; font-weight: normal}
input::-moz-placeholder,textarea::-moz-placeholder{color: #ccc}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #ccc}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #ccc}


.t20{font-size:2.1rem;}
.center{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.layout{width: 100%;}
.border{box-shadow: 0 1px 1px 0 hsla(0,0%,61%,.5);}
.border1{box-shadow: 0 1px 1px 0 hsla(0,0%,89%,.5);}

.sk-title{
    height: 56px;background: white;line-height: 56px;
    z-index: auto;
}
.sk-title .logo img{
    width:32px;vertical-align: middle
}
.sk-title .logo a{
    font-size: 20px;font-weight: 700;padding-left: 10px;
    font-family: SimSun,PingFang SC,Hiragino Sans GB,Helvetica Neue,Microsoft Yahei;
}
.sk-title .logo .slogan{
    font-size: 16px;
}

.sk-banner{
    height:55rem;min-height:300px;background-image: url('/static/index/images/bigbanner.png');
    background-size: 100% auto;background-repeat: repeat-y;background-position: 50%;
}
.sk-banner .sk-iphone{
    width: 100%;height: 500px;position: absolute;bottom: 0;margin: 0 auto
}
.sk-banner .sk-iphone .iphone{
    border: white 1px solid;overflow: hidden;
    /*position: absolute;bottom: 0;*/
    /*width: 70vw;height: 79.35vw;*/ width: 450px;height: 500px;margin: 0 auto;
    border-top-left-radius: 11%;border-top-right-radius: 11%;background-color: #fff;box-shadow: 1px -1px 0px 1px rgba(0,0,0,.09)
}
.sk-banner .sk-iphone .iphone .top{
    max-height: 100px;padding-top: 8.7%;
}
.sk-banner .sk-iphone .iphone .top .point-sensor{
    width: 9px;height: 9px;background: #424242;border-radius: 50%;
}
.sk-banner .sk-iphone .iphone .main{
    max-height: 80.24%;margin: 0 auto;  margin-bottom: -1px;
    border: 1px solid #000;border-top-left-radius: 2px;border-top-right-radius: 2px;background-color: #eee;
    position: relative;/*bottom:0;left: 50%;*/width:402px;height:400px;margin-top: 50px;
}
.sk-banner .sk-iphone .iphone .main .poster{
    width:400px;height:400px;margin: 0 auto;background-image: url('/static/index/images/poster-app.png');background-size:cover;z-index: 3
}
.sk-banner .sk-iphone .iphone .main .poster .poster-icon{
    width:100px;height:100px;position: absolute;top: 50%;left: 50%;margin-top: -50px;margin-left: -50px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    transition-property: width,height,top,right,background,opacity;
    transition-duration: 268ms;
}
.sk-banner .sk-iphone .iphone .main .poster .poster-icon:hover{
    background:rgba(56,56,56,.15);
}
.sk-banner .sk-iphone .iphone .main .poster .poster-icon i{
    font-size: 10.1rem;color: white;    position: absolute;
    top: -24px;
}
.sk-banner .sk-iphone .iphone .main .poster .poster-icon i:hover{
    cursor:pointer;
}
.sk-banner .sk-iphone .iphone .main .video{
    width: 100%;height: 100%;
}

.sk-download{
    padding: 25px 0 25px 0;max-width: 800px;margin: 0 auto;
}
.sk-download .download-box{
    padding: 10px;margin: 10px 0 10px 0
}
.sk-download .download-box .download{
    height: 46px;width: 70%;
}
.sk-download .download-box .download .down{
    display: block;height: 46px;padding: 4px 20px;background: #000;border-radius: 4px;
    font-weight: 500;color: #fff;cursor: pointer;transition: background 318ms;margin: auto;
}
.sk-download .download-box .download .down:hover{
    color:#ddd
}
.sk-download .download-box .download .down .down-icon{
    font-size: 27px;
}
.sk-download .download-box .download .down .down-content{
    display: inline-block;vertical-align: top;text-align: left
}
.sk-download .download-box .download .down .down-content .down-content-type{
    font-size: 11px;
}
.sk-download .download-box .download .down .down-content .down-content-method{
    font-size: 11px;
}

.sk-intro{padding: 25px 0 25px 0}
.sk-intro .intro-line{
    margin: 0 auto;max-width: 666px;
}
.sk-intro .intro-line .intro-box{margin: 0 auto;max-width: 666px;}
.sk-intro .intro-line .intro-box .intro-icon-edit{background-image:url('/static/index/images/intro-edit.png');}
.sk-intro .intro-line .intro-box .intro-icon-search{background-image:url('/static/index/images/intro-search.png');}
.sk-intro .intro-line .intro-box .intro-icon-label{background-image:url('/static/index/images/intro-label.png');}
.sk-intro .intro-line .intro-box .intro-icon-upload{background-image:url('/static/index/images/intro-upload.png');}
.sk-intro .intro-line .intro-box .intro-icon{width: 58px;height: 58px;background-size: 100% 100%;}
.sk-intro .intro-line .intro-box .intro-word{line-height: 58px;padding-left: 30px;font-weight: 500}
.sk-intro .intro-line .intro-box .intro{
    padding: 28px 0 28px 0;
}

.sk-footer{
    background-color: #01172C;height: 140px;line-height: 140px;color:white
}
.sk-footer a{
    color: white;
}
.sk-footer1{
    background-color: #01172C;height: 100px;line-height: 100px;color:white
}
.sk-footer1 span{
    font-size: 2.2rem;
}

@media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
    .sk-banner{
        height:36rem;min-height: 18rem;background-image: url('/static/index/images/bigbanner.png');
        background-size: 100% auto;background-repeat: repeat-y;background-position: 50%;
    }
    .sk-banner .sk-iphone{
        width: 100%;height: 333px;position: absolute;bottom: 0;margin: 0 auto;
    }
    .sk-banner .sk-iphone .iphone{
        border: white 1px solid;overflow: hidden;
        /*position: absolute;bottom: 0;*/
        /*width: 70vw;height: 79.35vw;*/ width: 310px;height: 333px;margin: 0 auto;
        border-top-left-radius: 11%;border-top-right-radius: 11%;background-color: #fff;box-shadow: 1px -1px 0px 1px rgba(0,0,0,.09)
    }
    .sk-banner .sk-iphone .iphone .main{
        max-height: 80.24%;margin: 0 auto;  margin-bottom: -1px;
        border: 1px solid #000;border-top-left-radius: 2px;border-top-right-radius: 2px;background-color: #eee;
        position: relative;/*bottom:0;left: 50%;*/width:268px;height:268px;margin-top: 30px;
    }
    .sk-banner .sk-iphone .iphone .main .poster{
        width:266px;height:264px;margin: 0 auto;background-image: url('/static/index/images/poster-app.png');
        background-size: 100%;
        z-index: 3
    }
    .sk-banner .sk-iphone .iphone .main .poster .poster-icon{
        width:70px;height:70px;position: absolute;top: 50%;left: 50%;margin-top: -35px;margin-left: -35px;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        overflow: hidden;
        -webkit-transform-origin: right top;
        transform-origin: right top;
        transition-property: width,height,top,right,background,opacity;
        transition-duration: 268ms;
    }
    .sk-banner .sk-iphone .iphone .main .poster .poster-icon i{
        font-size: 6.9rem;color: white;    position: absolute;
        top: -15px;
    }
}